/* base.css：基础样式 --存放当前项目书写的公共样式*/
:root {
  /* 内容宽度 */
  --container-width: 1200px;
}
/* 滚动栏 */
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

/* 滚动栏的轨道 */
::-webkit-scrollbar-track {
  background-color: #ddd9cf;
}
/* 滚动栏滑块 */
::-webkit-scrollbar-thumb {
  background-color: #b3aa94;
  border-radius: 6px;
}

/* 隐藏 */
.hide {
  display: none;
}

/* 两行 */
.line-2 {
  overflow: hidden;
  text-overflow: ellipsis; /*溢出... */
  word-break: break-all; /*强制性换行*/
  display: -webkit-box;
  -webkit-box-orient: vertical; /*属性常用在多行文本溢出*/
  -webkit-line-clamp: 2;
}
/* 一行 */
.line-1 {
  overflow: hidden;
  text-overflow: ellipsis; /*溢出... */
  word-break: break-all; /*强制性换行*/
  display: -webkit-box;
  -webkit-box-orient: vertical; /*属性常用在多行文本溢出*/
  -webkit-line-clamp: 1;
}

/* 配合精灵图使用 */
i {
  display: inline-block;
}

#header {
  width: 100%;
  /* 定位方式的元素 常见层级：全局弹窗1000 头部栏100 普通的10 */
  z-index: 100;
}

body {
  min-width: var(--container-width);
}

/* 头部 */
#header {
  width: 100%;
  height: 56px;
  background-color: #90c5f2;
}

/* 底部 */
#footer {
  width: 100%;
  height: auto;
  background: url(../img/footer/footbg.png) no-repeat;
  background-size: cover;
}
